<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>test ul length</title>
	<style type="text/css">
#imgNavi {
	width:500px;
	text-align:center;
}

#imgNavi div.leftNav {
	float:left;
	width:4%;
	margin-top:19px;
}

#imgNavi div.rightNav {
	float:right;
	width:4%;
	margin-left:-5px;
	margin-top:19px;
}

#imgNavi div.thumbNav {
	float:left;
	width:92%;
}

#imgNavi div.leftNav a.navLeft,
#imgNavi div.rightNav a.navRight {
	width:20px;
	height:65px;
	cursor:pointer;
	display:block;
	outline:medium none;
	background-image: url("css/images/lightNav.png");
}

#imgNavi div.leftNav a.navLeft {
	background-position: 0 0;
}

#imgNavi div.leftNav a.navLeft:hover {
	background-position: -21px 0;
}

#imgNavi div.rightNav a.navRight {
	background-position: -42px 0;
}

#imgNavi div.rightNav a.navRight:hover {
	background-position: -63px 0;
}

#imgNavi div.thumbNav div.thumbImg {
	height:80px;
	margin:15px;
	overflow:hidden;
	position:relative;
}

#imgNavi div.thumbNav div.thumbImg ul {
	margin:0;
	padding:0;
	top:0;
	left:0;
	height:75px;
	list-style-type:none;
	overflow:hidden;
	position:absolute;
}

#imgNavi div.thumbNav div.thumbImg ul li {
	float:left;
	margin-left:6px;
}

#imgNavi div.thumbNav div.thumbImg ul li a,
#imgNavi div.thumbNav div.thumbImg ul li a img {
	display:block;
	width:100px;
	height:75px;
	outline:medium none;
}		
	</style>
</head>
<body>
	<div id="imgNavi" class="subcolumns clearfix">
		<div class="leftNav">
			<a href="#" class="navLeft" hidefocus="true"></a>
		</div>
		<div class="thumbNav">
			<div class="thumbImg">
				<ul style="width:1200px;">
					<li><a href="#" hidefocus="true"><img src="images/boxImg/1_s.jpg" alt="" /></a></li>
					<li><a href="#" hidefocus="true"><img src="images/boxImg/2_s.jpg" alt="" /></a></li>
					<li><a href="#" hidefocus="true"><img src="images/boxImg/3_s.jpg" alt="" /></a></li>
					<li><a href="#" hidefocus="true"><img src="images/boxImg/4_s.jpg" alt="" /></a></li>
					<li><a href="#" hidefocus="true"><img src="images/boxImg/5_s.jpg" alt="" /></a></li>
					<li><a href="#" hidefocus="true"><img src="images/boxImg/6_s.jpg" alt="" /></a></li>
				</ul>
			</div>
		</div>
		<div class="rightNav">
			<a href="#" class="navRight" hidefocus="true"></a>
		</div>
	</div>
</body>
</html>